<%--@page import="org.apache.catalina.SessionEvent"--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>三尾狐酒店</title>
    <link rel="stylesheet" href="../css/commit.css" type="text/css">
    <link rel="icon" href="../images/icon.jpg" type="image/x-icon">
    <link rel="stylesheet" href="../css/index.css" type="text/css">
    <link rel="stylesheet" href="../css/bootstrap.min.css" type="text/css">
    <script src="../js/jquery-3.1.1.min.js"></script>
    <script src="../js/bootstrap.min.js" ></script>
    <script src="../js/index.js" ></script>
</head>
<body>
<div id="conntainer">
    <header id="box-head" class="clearfix">
        <!--导航-->
        <ul class="nav  navbar-nav fl">
            <li><img src="../images/logo.png" class="nav-img"></li>
            <li class="active"><a href="#">首页</a></li>
            <li><a href="order.jsp">酒店预订</a></li>
            <li><a href="Orderdetails.jsp">订单详情</a></li>
            <li><a href="change.jsp">修改密码</a></li>
       		<li><a href="Login.jsp">注销</a></li>
        </ul>
        <ul class=" nav fr navbar-top">
            <li class="fl">当前用户：<%=session.getAttribute("userName") %></li>
       

        </ul>
    </header>
    <section id="box-container" class="clearfix">
        <!--轮播-->
        <div class="lun">
            <ul>
                <li class="banner on"><a href="#"><img src="../images/banner/banner01.jpg" title="主题房间" alt="轮播图"></a> </li>
                <li class="banner"><a href="#"><img src="../images/banner/banner02.jpg" title="主题房间" alt="轮播图"></a> </li>
                <li class="banner"><a href="#"><img src="../images/banner/banner03.jpg" title="主题房间" alt="轮播图"></a> </li>
                <li class="banner"><a href="#"><img src="../images/banner/banner04.jpg" title="主题房间" alt="轮播图"></a> </li>
                <li class="banner"><a href="#"><img src="../images/banner/banner05.jpg" title="主题房间" alt="轮播图"></a> </li>
            </ul>
            <div class="lun-black">
                <div class="lun-input">
                    <input type="text" placeholder="目的地" class="input"/>
                    <input type="text" placeholder="入住 2018-8-01" class="input"/>
                    <input type="text" placeholder="退房 2018-8-02" class="input"/>
                    <input type="text" placeholder="关键字" class="input"/>
                    <input type="button" value="搜索" class="sou "/>
                </div>
            </div>
        </div>
        <!--提示 -->
        <div class="bg-title">
            <ul class="bg-image">
                <li class="bg-01"><h4>阳光价格</h4><h6>无任何隐性消费,让您旅途无忧</h6></li>
                <li class="bg-02"><h4>可靠资源</h4><h6>精心为你挑选,陪你走遍天下</h6></li>
                <li class="bg-03"><h4>优质服务</h4><h6>严谨的服务标准,让你体验优质的服务</h6></li>
                <li class="bg-04"><h4>安全支付</h4><h6>实名消费,安全消费,全程安全监控</h6></li>
            </ul>
        </div>
        <!--大家都在看-->
        <div class="box-room">
            <h2>大家都在看</h2>
            <div class="ul-room">
                <!--列表-->
                <ul class="fr">
                    <li class="pad"> 客房 </li>
                    <li class="pad"> 套房 </li>
                    <li class="pad">更多&gt;&gt;</li>
                </ul>
                <div class="wrap">
                <ul class="fl stayWrap">
                    <li class="fl li-img"><img src="../images/room/01.jpg"/>
                        <a href="#" class="Mong">101</a>
                        <div class="avatarBox">
                            <a href="#">
                                <img src="../images/avatar/a1.jpeg"/>
                            </a>
                        </div>
                        <div class="jie">
                            <div>价格:200/天</div>
                            <div>简介:环境优美,价格优惠,居住舒心</div>
                        </div>
                    </li>
                    <li class="fl li-img"><img src="../images/room/02.jpg"/>
                    	 <a href="#" class="Mong">102</a>
                        <div class="avatarBox">
                            <a href="#">
                                <img src="../images/avatar/a2.jpeg"/>
                            </a>
                        </div>
                        <div class="jie">
                            <div>价格:200/天</div>
                            <div>简介:环境优美,价格优惠,居住舒心</div>
                        </div>
                    </li>
                    <li class="fl li-img"><img src="../images/room/03.jpg"/>
                         <a href="#" class="Mong">103</a>
                        <div class="jie">
                            <div class="avatarBox">
                                <a href="#">
                                    <img src="../images/avatar/a3.jpeg"/>
                                </a>
                            </div>
                            <div>价格:200/天</div>
                            <div>简介:环境优美,价格优惠,居住舒心</div>
                        </div>
                    </li>
                    <li class="fl li-img"><img src="../images/room/04.jpg"/>
                        <a href="#" class="Mong">104</a>
                        <div class="jie">
                            <div class="avatarBox">
                                <a href="#">
                                    <img src="../images/avatar/a4.jpeg"/>
                                </a>
                            </div>
                            <div>价格:200/天</div>
                            <div>简介:环境优美,价格优惠,居住舒心</div>
                        </div>
                    </li>
                    <li class="fl li-img"><img src="../images/room/05.jpg"/>
                        <a href="#" class="Mong">105</a>
                        <div class="jie">
                            <div class="avatarBox">
                                <a href="#">
                                    <img src="../images/avatar/a5.jpeg"/>
                                </a>
                            </div>
                            <div>价格:200/天</div>
                            <div>简介:环境优美,价格优惠,居住舒心</div>
                        </div>
                    </li>
                    <li class="fl li-img"><img src="../images/room/06.jpg"/>
                        <a href="#" class="Mong">106</a>
                        <div class="jie">
                            <div class="avatarBox">
                                <a href="#">
                                    <img src="../images/avatar/a6.jpeg"/>
                                </a>
                            </div>
                            <div>价格:200/天</div>
                            <div>简介:环境优美,价格优惠,居住舒心</div>
                        </div>
                    </li>
                    
                    <li class="fl li-img"><img src="../images/room/01.jpg"/>
                        <div class="avatarBox">
                            <a href="#">
                                <img src="../images/avatar/a1.jpeg"/>
                            </a>
                        </div>
                        <div class="jie">
                            <div>价格:200/天</div>
                            <div>简介:环境优美,价格优惠,居住舒心</div>
                        </div>
                    </li>
                    <li class="fl li-img"><img src="../images/room/02.jpg"/>
                        <div class="avatarBox">
                            <a href="#">
                                <img src="../images/avatar/a2.jpeg"/>
                            </a>
                        </div>
                        <div class="jie">
                            <div>价格:200/天</div>
                            <div>简介:环境优美,价格优惠,居住舒心</div>
                        </div>
                    </li>
                    <li class="fl li-img"><img src="../images/room/03.jpg"/>
                        <div class="jie">
                            <div class="avatarBox">
                                <a href="#">
                                    <img src="../images/avatar/a3.jpeg"/>
                                </a>
                            </div>
                            <div>价格:200/天</div>
                            <div>简介:环境优美,价格优惠,居住舒心</div>
                        </div>
                    </li>
                    <li class="fl li-img"><img src="../images/room/04.jpg"/>
                        <div class="jie">
                            <div class="avatarBox">
                                <a href="#">
                                    <img src="../images/avatar/a4.jpeg"/>
                                </a>
                            </div>
                            <div>价格:200/天</div>
                            <div>简介:环境优美,价格优惠,居住舒心</div>
                        </div>
                    </li>
                    <li class="fl li-img"><img src="../images/room/05.jpg"/>
                        <div class="jie">
                            <div class="avatarBox">
                                <a href="#">
                                    <img src="../images/avatar/a5.jpeg"/>
                                </a>
                            </div>
                            <div>价格:200/天</div>
                            <div>简介:环境优美,价格优惠,居住舒心</div>
                        </div>
                    </li>
                    <li class="fl li-img"><img src="../images/room/06.jpg"/>
                        <div class="jie">
                            <div class="avatarBox">
                                <a href="#">
                                    <img src="../images/avatar/a6.jpeg"/>
                                </a>
                            </div>
                            <div>价格:200/天</div>
                            <div>简介:环境优美,价格优惠,居住舒心</div>
                        </div>
                    </li>
                </ul>
                </div>
                <div class="tab">
                    <span class="item on"></span>
                    <span class="item "></span>
                </div>

            </div>

        </div>
        <div class="box-Ad">
            <div class="Ad-title">
                <h2>小编插波广告：</h2>
                <ul class="fl">
                    <li class="fl"><img src="../images/Ad/1.jpg"/></li>
                    <li class="fl"><img src="../images/Ad/1.jpg"/></li>
                    <li class="fl"><img src="../images/Ad/1.jpg"/></li>
                    <li class="fl"><img src="../images/Ad/1.jpg"/></li>
                    <li class="fl"><img src="../images/Ad/1.jpg"/></li>
                    <li class="fl"><img src="../images/Ad/1.jpg"/></li>
 					<li class="fl"><img src="../images/Ad/1.jpg"/></li>
                    <li class="fl"><img src="../images/Ad/1.jpg"/></li>
                </ul>
            </div>
        </div>
    </section>
    <!--底部-->
    <footer id="box-footer" class="clearfix">
        <div class="ft-title">
            <div class="ft-center">
                <div class="ft-title-01 fl">
                    <h4>常见问题</h4>
                    <p>对支付团款的建议</p>
                    <p>长期入住酒店合同</p>
                    <p>酒店安全与卫生问题</p>
                </div>
                <div class="ft-title-01 fl">
                    <h4>付款方式</h4>
                    <p>定金预订支付事项</p>
                    <p>微信，支付宝支付事项</p>
                    <p>现金支付事项</p>
                </div>
                <div class="ft-title-01 fl">
                    <h4>常见问题</h4>
                    <p>对支付团款的建议</p>
                    <p>长期入住酒店合同</p>
                    <p>酒店安全与卫生问题</p>
                </div>
                <div class="ft-title-01 fl">
                    <h4>付款方式</h4>
                    <p>定金预订支付事项</p>
                    <p>微信，支付宝支付事项</p>
                    <p>现金支付事项</p>
                </div>
            </div>
            <div class="ft-title-02">备案号：粤ICP备18089008号</div>
        </div>
    </footer>
</div>
</body>
</html>